<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>小可爱生日快乐\^o^/</title>
    <link rel="stylesheet" href="css/content.css" />
    <link rel="stylesheet" href="css/page_1.css" />
    <link rel="stylesheet" href="css/page_2.css" />
    <link
      href="http://cdn.repository.webfont.com/webfonts/nomal/136120/47864/5e5e7959f629d803b4f49320.css"
      rel="stylesheet"
      type="text/css"
    />
    <script src="js/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/d3-transform/1.0.4/d3-transform.js"></script>
    <script src="js/content.js"></script>
    <script src="js/bubblefloat.js"></script>
  </head>
  <body>
    <audio autoplay="true" loop="true">
      <source src="music/happybirthday.mp3" type="" />
    </audio>
    <button></button>
    <div class="progress">
      <div class="bar"></div>
    </div>
    <div class="page page_1 visable">
      <div class="bomb-rocket"></div>
      <div class="bomb-rocket"></div>
      <div class="bomb-rocket"></div>
      <div class="bomb-rocket"></div>
      <div class="bomb-rocket"></div>
      <div class="bomb-rocket"></div>
      <div class="bomb-rocket"></div>
      <div class="bomb-rocket"></div>
      <div class="bomb-rocket"></div>
      <div class="bomb-rocket"></div>
      <div class="bomb-rocket"></div>
      <div class="bomb-rocket"></div>
      <div class="bomb-rocket"></div>
      <div class="bomb-rocket"></div>
      <div class="bomb-rocket"></div>
      <div class="normal-rocket"></div>
      <div class="normal-rocket"></div>
      <div class="normal-rocket"></div>
      <div class="normal-rocket"></div>
      <div class="normal-rocket"></div>
      <div class="normal-rocket"></div>
      <div class="normal-rocket"></div>
      <div class="normal-rocket"></div>
      <div class="normal-rocket"></div>
      <div class="normal-rocket"></div>
      <div class="normal-rocket"></div>
      <div class="normal-rocket"></div>
      <div class="normal-rocket"></div>
      <div class="normal-rocket"></div>
      <div class="normal-rocket"></div>

      <div class="text">Happy birthday!</div>
    </div>
    <div class="page page_2">
      <div class="bgk">
        <h2>生日快乐，我滴小可爱\^o^/</h2>
        <h3>Happy Birthday my cute!</h3>
        <span>🎉</span>
        <span>🎉</span>
        <span>🎉</span>
        <span>🎉</span>
        <span>🎉</span>
        <span>🎉</span>
        <div class="cake">
          <div class="candle">
            <div id="flame" class="lit"></div>
          </div>
          <div class="main"></div>
          <div class="plate"></div>
        </div>
      </div>

      <div class="bubbles">
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="addphoto"></div>
      </div>
      <div class="photoshow">
        <img class="imgview" />
        <p></p>
      </div>
    </div>
  </body>
</html>
